/* 
//
//	Reset
//	
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
  color: #1d1d21;
  background: #f8f5ee;
  position: relative;
}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


a img { border: none; }

/* 
//	Global
*/

body {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
}

.container960, .container830 {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
}

.container830 {
	width: 830px;
}

#header {
	height: 555px;
	min-width: 960px;
	color: #fff;
	background-color: #efa141;
	background-image: url();
	background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 162, color-stop(0%, #ffd040), color-stop(100%, #ea7f35));
	background-image: -webkit-radial-gradient(center bottom, farthest-corner circle, #ffd040 0%, #ea7f35 100%);
	background-image: -moz-radial-gradient(center bottom, farthest-corner circle, #ffd040 0%, #ea7f35 100%);
	background-image: -ms-radial-gradient(center bottom, farthest-corner circle, #ffd040 0%, #ea7f35 100%);
	background-image: -o-radial-gradient(center bottom, farthest-corner circle, #ffd040 0%, #ea7f35 100%);
	background-image: radial-gradient(farthest-corner circle at center bottom, #ffd040 0%, #ea7f35 100%);
	position: relative;
}

#poster {
	position: absolute;
	z-index: 1;
	width: 292px;
	height: 488px;
	background: url("http://3.bp.blogspot.com/-lvMzQprT0uY/UgXs1EFlppI/AAAAAAAAEKg/s2hao-pRoI0/s1600/poster@2x.png");
	background-size: 292px 488px;
	top: 67px;
	left: -80px;
}

#logo {
	position: absolute;
	z-index: 1;
	left: 294px;
	top:95px;
	width: 239px;
	height: 50px;
	background: url("http://4.bp.blogspot.com/-hIqRAr3Tb-o/UgXvNzYMjZI/AAAAAAAAEKw/Bot7ImWX55g/s320/logo.png");
	background-size: 239px 50px;
}

h1 {
	position: absolute;
	z-index: 1;
	left: 294px;
	top:210px;
	font-size: 41px;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0px 1px 3px #ff6f0f;
    line-height: 45px;
}

h2 {
	position: absolute;
	z-index: 1;
	left: 294px;
	top:300px;
	font-size: 27px;
	font-weight: 100;
	color: #8f6f38;
	text-shadow: 0px 1px 3px #ff6f0f;
}

h3 {
	font-size: 30px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-left: 60px;
}

h4 {
	font-size: 18px;
	font-weight: 900;
	color: #757373;
	text-transform: uppercase;
	margin-bottom: 5px;
}

a {
	text-decoration: none;
}

#see-it {
	position: absolute;
	display: block;
	z-index: 3;
	left: 294px;
	top:400px;
	padding: 20px 70px;
	color: #fff;
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
	background: #3c3f42;
	background-image: url();
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #494c4f), color-stop(100%, #333638));
	background-image: -webkit-linear-gradient(top, #494c4f 0%, #333638 100%);
	background-image: -moz-linear-gradient(top, #494c4f 0%, #333638 100%);
	background-image: -ms-linear-gradient(top, #494c4f 0%, #333638 100%);
	background-image: -o-linear-gradient(top, #494c4f 0%, #333638 100%);
	background-image: linear-gradient(to bottom, #494c4f 0%, #333638 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 3px solid #252729;
	text-shadow: 0px -1px 0px #131517;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

#see-it:hover {
	background: #4c5054;
	background-image: url();
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #585c60), color-stop(100%, #424549));
	background-image: -webkit-linear-gradient(top, #585c60 0%, #424549 100%);
	background-image: -moz-linear-gradient(top, #585c60 0%, #424549 100%);
	background-image: -ms-linear-gradient(top, #585c60 0%, #424549 100%);
	background-image: -o-linear-gradient(top, #585c60 0%, #424549 100%);
	background-image: linear-gradient(to bottom, #585c60 0%, #424549 100%);
}

#see-it:active {
	background-color: #323537;
	background-image: url();
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #3f4345), color-stop(100%, #2b2e2f));
	background-image: -webkit-linear-gradient(top, #3f4345 0%, #2b2e2f 100%);
	background-image: -moz-linear-gradient(top, #3f4345 0%, #2b2e2f 100%);
	background-image: -ms-linear-gradient(top, #3f4345 0%, #2b2e2f 100%);
	background-image: -o-linear-gradient(top, #3f4345 0%, #2b2e2f 100%);
	background-image: linear-gradient(to bottom, #3f4345 0%, #2b2e2f 100%);
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.8);
}

.step {
	float: left;
	clear: left;
	width: 100%;
}

.step-nr {
	float: left;
	border:3px solid #cbc8c0;
	color: #cbc8c0;
	font-weight: bold;
	font-size: 27px;
	padding: 2px 15px;
	text-align: center;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-top: 12px;
}

.step input {
	background: #f8f5ee;
	border: 2px solid #e2ded5;
	padding: 15px;
	font-size: 26px;
	color: #70706f;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	width: 730px;
	margin-left: 10px;
	outline: 0;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	margin-bottom: 20px;
}

.step input.error {
	background: #d6d1c4;
}

.step input:focus, .step input:hover {
	background: #fefcf7;
}

.button-red {
	padding: 20px 70px;
	color: #fff;
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
	background-color: #f0483e;
	background-image: url();
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #f1544a), color-stop(100%, #ed3d34));
	background-image: -webkit-linear-gradient(top, #f1544a 0%, #ed3d34 100%);
	background-image: -moz-linear-gradient(top, #f1544a 0%, #ed3d34 100%);
	background-image: -ms-linear-gradient(top, #f1544a 0%, #ed3d34 100%);
	background-image: -o-linear-gradient(top, #f1544a 0%, #ed3d34 100%);
	background-image: linear-gradient(to bottom, #f1544a 0%, #ed3d34 100%);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 3px solid #b21e16;
	text-shadow: 0px -1px 0px #c00000;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-ms-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	position: relative;
	float: left;
	margin-left: 10px;
}

.button-red:hover {
	background-color: #fd5c52;
	background-image: url();
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #fd675e), color-stop(100%, #fd4f46));
	background-image: -webkit-linear-gradient(top, #fd675e 0%, #fd4f46 100%);
	background-image: -moz-linear-gradient(top, #fd675e 0%, #fd4f46 100%);
	background-image: -ms-linear-gradient(top, #fd675e 0%, #fd4f46 100%);
	background-image: -o-linear-gradient(top, #fd675e 0%, #fd4f46 100%);
	background-image: linear-gradient(to bottom, #fd675e 0%, #fd4f46 100%);
}

.button-red:active {
	background-color: #db4840;
	background-image: url();
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #de544c), color-stop(100%, #d53d36));
	background-image: -webkit-linear-gradient(top, #de544c 0%, #d53d36 100%);
	background-image: -moz-linear-gradient(top, #de544c 0%, #d53d36 100%);
	background-image: -ms-linear-gradient(top, #de544c 0%, #d53d36 100%);
	background-image: -o-linear-gradient(top, #de544c 0%, #d53d36 100%);
	background-image: linear-gradient(to bottom, #de544c 0%, #d53d36 100%);
	-webkit-box-shadow: inset 0px 1px 3px 0px #780903;
	box-shadow: inset 0px 1px 3px 0px #780903;
}

#builder {
	padding: 40px 0;
	background: #fff;
	height: 355px;
	position: relative;
	z-index: 1;
}

#footer {
	background: #f8f5ee;
	clear: left;
	-webkit-box-shadow: inset 0px 1px 3px 0px #c9c6bf;
    box-shadow: inset 0px 1px 3px 0px #c9c6bf;
    padding: 40px 0;
}

#footer a {
	margin-right: 20px;
}

#logo-bh {
	padding: 10px 0;
	width: 164px;
	height: 47px;
}

#logo-sv {
	padding: 22px 0;
	width: 274px;
	height: 23px;
}

#logo-fb {
	width: 138px;
	height: 62px;
}

#arrows {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 900px;
	overflow: hidden;
}

.arrow-large {
	position: absolute;
	width: 85px;
	height: 130px;
	background: url("http://2.bp.blogspot.com/-0J0FJtWFaGk/UgXv7pziXjI/AAAAAAAAEK4/BL-F-0v9vHA/s320/arrow_large.png");
	background-size: 85px 130px;
	top:650px;
}

.arrow-small {
	position: absolute;
	width: 33px;
	height: 50px;
	background: url("http://2.bp.blogspot.com/-RO7Z7oYJuFo/UgXv7hxxwQI/AAAAAAAAELI/4oguflqwTOY/s1600/arrow_small.png");
	background-size: 33px 50px;
	top:650px;
}

#cb-arrow {
	position: absolute;
	z-index: 2;
	width: 43px;
	height: 65px;
	background: url("http://4.bp.blogspot.com/-WdIT_jgA9KE/UgXv7hbQidI/AAAAAAAAEK8/q-UTjfwErKQ/s1600/cb_arrow.png");
	background-size: 43px 65px;
	top:400px;
	left:400px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#cb-arrow.active {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

#modal-content, #modal-content-2 {
	display: none;
}

.fancybox-overlay {
	background: rgba(0,0,0,0.75) !important;
}

.fancybox-wrap .fancybox-skin {
	background: #1d1b1b;
	position: relative;
}

.fancybox-skin h3 {
	color: #fff;
	margin: 0;
	font-size: 30px;
}

.fancybox-skin h4 {
	color: #8f8f8f;
	font-weight: 100;
	font-size: 21px;
	margin-bottom: 20px;
}

.fancybox-skin textarea {
	width: 348px;
	max-width: 360px;
	height: 115px;
	max-height: 115px;
	padding: 10px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-bottom: 10px;
    font-size: 11px;
    font-family: "Courier New", monospace;
    line-height: 16px;
}

.close-modal {
	display: block;
	width: 30px;
	height: 29px;
	background: url("http://3.bp.blogspot.com/-bQ9EWkN25pw/UgXv8ZvI3eI/AAAAAAAAELM/k4Fj7SPUCKE/s320/modal_close.png");
	background-size: 59px 29px;
	position: absolute;
	top:0px;
	right: 0px;
}

.close-modal:hover {
	background-position: -29px 0;
}

.modal-content-inner {
	padding: 15px;
}

p.thanks {
	font-size: 14px;
	color: #fff;
	margin-bottom: 20px;
}

#karma.button-red {
	clear: left;
	font-size: 13px;
	margin-left: 0;
	padding: 15px 0;
	width: 370px;
	float: left;
	margin-bottom: 15px;
}

.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
}

#modal-like {
	width: 38px;
	height: 47px;
}

#contact-container {
	position: relative;
}

#footer a#contact {
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	color: #333;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	bottom: 1px;
	float: left;
	height: 17px;
	border: 1px solid #cccccc;
	padding: 1px 6px;
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
	background-image: -moz-linear-gradient(top,#fff,#dedede);
	background-image: -o-linear-gradient(top,#fff,#dedede);
	background-image: -ms-linear-gradient(top,#fff,#dedede);
	background-image: linear-gradient(top,#fff,#dedede);
	border: #ccc solid 1px;
	margin-right: 7px;
}

#footer a#contact:hover {
	border: 1px solid #BBBBBB;
}

#footer a#contact:active {
	background-color: #efefef;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
}

#subscribe {
	background-color: #f9a03e;
	background-image: url();
	background-image: -moz-linear-gradient(top,  #f9a03e 0%, #f89633 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9a03e), color-stop(100%,#f89633));
	background-image: -webkit-linear-gradient(top,  #f9a03e 0%,#f89633 100%);
	background-image: -o-linear-gradient(top,  #f9a03e 0%,#f89633 100%);
	background-image: -ms-linear-gradient(top,  #f9a03e 0%,#f89633 100%);
	background-image: linear-gradient(to bottom,  #f9a03e 0%,#f89633 100%);
	z-index: 5;
	position: relative;
	padding: 15px 0;
	text-transform: uppercase;
	color: #593208;
	font-weight: 900;
	font-size: 11px;
	-webkit-box-shadow: 0px 1px 3px 0px #e76e2e;
	box-shadow: 0px 1px 3px 0px #e76e2e;
}

#subscribe a {
	padding: 6px 18px;
	margin-right: 5px;
	color: #f99f3b;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:  0px 2px 0px 0px #422405;
    box-shadow:  0px 2px 0px 0px #422405;
	background-color: #653e0c;
	background-image: url();
	background-image: -moz-linear-gradient(top,  #653e0c 0%, #4e2a06 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#653e0c), color-stop(100%,#4e2a06));
	background-image: -webkit-linear-gradient(top,  #653e0c 0%,#4e2a06 100%);
	background-image: -o-linear-gradient(top,  #653e0c 0%,#4e2a06 100%);
	background-image: -ms-linear-gradient(top,  #653e0c 0%,#4e2a06 100%);
	background-image: linear-gradient(to bottom,  #653e0c 0%,#4e2a06 100%);
}

#subscribe a:hover {
	background-color: #52330b;
	background: url();
	background: -moz-linear-gradient(top,  #52330b 0%, #3b2106 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52330b), color-stop(100%,#3b2106));
	background: -webkit-linear-gradient(top,  #52330b 0%,#3b2106 100%);
	background: -o-linear-gradient(top,  #52330b 0%,#3b2106 100%);
	background: -ms-linear-gradient(top,  #52330b 0%,#3b2106 100%);
	background: linear-gradient(to bottom,  #52330b 0%,#3b2106 100%);
}

.testimonial {
	float: left;
	margin-bottom: 30px;
	margin-right: 10px;
}

testimonial-last {
	margin-right: 0;
}

.testimonial img {
	width: 70px;
	height: 70px;
	float: left;
}

.testimonial p {
	float: left;
	width: 315px;
	font-size: 16px;
	color: #757373;
	font-style: italic;
	margin-left: 20px;
}

.testimonial p span {
	font-weight: 900;
	font-size: 9px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-style: normal;
}

#footer .testimonial p span a {
	margin-right: 0;
	color: #757373;
	text-decoration: underline;
}

.testimonial p span a:hover {
	color: #49484a;
}

#footer .testimonial a.image-container {
	float: left;
	margin-right: 0;
}

#inner-footer {
	float: left;
	clear: left;
	margin-bottom: 50px;
	
}

/* Retina */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#logo {
		background-image: url("http://1.bp.blogspot.com/-B_434VMqILM/UgXsx7ggVsI/AAAAAAAAEJ0/45g9v0Wa71Y/s1600/logo@2x.png");
	}
	
	#poster {
		background-image: url("http://3.bp.blogspot.com/-lvMzQprT0uY/UgXs1EFlppI/AAAAAAAAEKg/s2hao-pRoI0/s1600/poster@2x.png");
	}
	
	.arrow-large {
		background-image: url("http://4.bp.blogspot.com/-K2TccccAr3Y/UgXsxH0T6NI/AAAAAAAAEJg/-dNnofk0KKs/s1600/arrow_large@2x.png");
	}
	
	.arrow-small {
		background-image: url("http://1.bp.blogspot.com/-bwKrtLRNuUo/UgXsxcMDu7I/AAAAAAAAEJk/Ol9QMnrPGsI/s1600/arrow_small@2x.png");
	}
	
	#cb-arrow {
		background-image: url("http://3.bp.blogspot.com/-XM9KzQGozwU/UgXsxeI1AbI/AAAAAAAAEJw/0zEAP0xCLZc/s1600/cb_arrow@2x.png");
	}
	
	.close-modal {
		background-image: url("http://4.bp.blogspot.com/-pVV23C-t78M/UgXsy1gGYgI/AAAAAAAAEKM/1MPaSo2ASko/s1600/modal_close@2x.png");
	}
}

